@use "./functions.scss" as *;
@use "sass:map";
@use "sass:list";
@use "./repeater-embla-controls.scss" as *;
$childItemSelector: '[data-element-type="repeater-item"]';
$sliderControlDragging: "[flex-slider-control-moving='true']";
$rai: "repeater-advertise-item";
[data-div-type="element"] {
  &[data-element-type="repeater"] {
    // width: var(--_sf-con-nw-wh);
    // width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
    width: calc(
      1% *
        var(
          --_ctm-mob-rep-ele-nw-wh-vl,
          var(--_ctm-tab-rep-ele-nw-wh-vl, var(--_ctm-rep-ele-nw-wh-vl, auto))
        )
    );
    // width: 100%;
    &:not([data-view-state="full"]) {
      min-height: var(
        --_ctm-mob-rep-lt-ht,
        var(--_ctm-tab-rep-lt-ht, var(--_ctm-rep-lt-ht, var(--_ctm-lt-ht, var(--_tst-lt-ht))))
      );
    }
    min-height: var();
    margin: var(
      --_ctm-mob-rep-lt-mn,
      var(--_ctm-tab-rep-lt-mn, var(--_ctm-rep-lt-mn, var(--_ctm-lt-mn, var(--_tst-lt-mn))))
    );
    background-color: var(
      --_ctm-mob-rep-dn-bd-cr,
      var(--_ctm-tab-rep-dn-bd-cr, var(--_ctm-rep-dn-bd-cr))
    );
    background-image: var(
      --_ctm-mob-rep-dn-bd-ie,
      var(--_ctm-tab-rep-dn-bd-ie, var(--_ctm-rep-dn-bd-ie))
    );
    background-attachment: var(
      --_ctm-mob-rep-dn-bd-at,
      var(--_ctm-tab-rep-dn-bd-at, var(--_ctm-rep-dn-bd-at))
    );
    background-position: var(
      --_ctm-mob-rep-dn-bd-pn,
      var(--_ctm-tab-rep-dn-bd-pn, var(--_ctm-rep-dn-bd-pn))
    );
    background-repeat: var(
      --_ctm-mob-rep-dn-bd-rt,
      var(--_ctm-tab-rep-dn-bd-rt, var(--_ctm-rep-dn-bd-rt))
    );
    background-size: var(
      --_ctm-mob-rep-dn-bd-se,
      var(--_ctm-tab-rep-dn-bd-se, var(--_ctm-rep-dn-bd-se))
    );
    border-radius: var(
      --_ctm-mob-rep-dn-br-rs,
      var(--_ctm-tab-rep-dn-br-rs, var(--_ctm-rep-dn-br-rs))
    );
    border-color: var(
      --_ctm-mob-rep-dn-br-cr,
      var(--_ctm-tab-rep-dn-br-cr, var(--_ctm-rep-dn-br-cr))
    );
    border-style: var(
      --_ctm-mob-rep-dn-br-se,
      var(--_ctm-tab-rep-dn-br-se, var(--_ctm-rep-dn-br-se))
    );
    border-width: var(
      --_ctm-mob-rep-dn-br-wh,
      var(--_ctm-tab-rep-dn-br-wh, var(--_ctm-rep-dn-br-wh))
    );
    box-shadow: var(
      --_hover-show-shadow,
      var(
        --_sf-hr-bx-sw,
        var(
          --_show-shadow,
          var(--_ctm-mob-dn-dt-se-sw-ae, var(--_ctm-tab-dn-dt-se-sw-ae, var(--_ctm-dn-dt-se-sw-ae)))
            var(
              --_ctm-mob-dn-dt-se-sw-br,
              var(--_ctm-tab-dn-dt-se-sw-br, var(--_ctm-dn-dt-se-sw-br))
            )
            var(
              --_ctm-mob-dn-dt-se-sw-sd,
              var(--_ctm-tab-dn-dt-se-sw-sd, var(--_ctm-dn-dt-se-sw-sd))
            )
            var(
              --_ctm-mob-dn-dt-se-sw-cr,
              var(--_ctm-tab-dn-dt-se-sw-cr, var(--_ctm-dn-dt-se-sw-cr))
            )
        )
      )
    );
    padding: var(--_ctm-mob-rep-lt-pg, var(--_ctm-tab-rep-lt-pg, var(--_ctm-rep-lt-pg)));

    &.grd {
      & > div {
        &.wrapper {
          width: 100%;
          display: grid;
          grid-template-columns: repeat(
            auto-fit,
            minmax(
              var(
                --_ctm-mob-rep-lt-mn-cn-wh,
                var(--_ctm-tab-rep-lt-mn-cn-wh, var(--_ctm-rep-lt-mn-cn-wh))
              ),
              1fr
            )
          );
          grid-template-rows: repeat(
            auto-fit,
            minmax(
              var(
                --_ctm-mob-rep-lt-mn-rw-ht,
                var(--_ctm-tab-rep-lt-mn-rw-ht, var(--_ctm-rep-lt-mn-rw-ht))
              ),
              1fr
            )
          );

          div {
            &#{$childItemSelector},
            &.#{$rai} {
              width: 100%;
            }
          }
        }
      }
    }

    &.crds {
      & > div {
        &.wrapper {
          display: flex !important;
          flex-wrap: wrap;
          width: 100%;
          height: auto !important;
          min-height: 100px !important;
        }
      }
      &:not(.stimsfrRws) {
        & > div {
          &.wrapper {
            justify-content: center;
            & > div {
              &#{$childItemSelector},
              &.#{$rai} {
                // width: var(--_ctm-rep-lt-wh);
                --_col-count: var(--_sf-gd-ct, 3);
                --_col-gap: 0px;
                width: 163px;
                height: 100px;
                // grid-template-rows: minmax(
                //   max(
                //     0.5px,
                //     0.0896337 * (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))
                //   ),
                //   auto
                // );
                // grid-template-rows: ;
              }
            }
          }
        }
      }

      &.stimsfrRws {
        & > div {
          &.wrapper {
            align-self: center;
            & > div {
              &#{$childItemSelector},
              &.#{$rai} {
                // --_col-count: var(--_sf-gd-ct, 3);
                --_col-count: var(
                  --_ctm-mob-rep-lt-st-is-pr-rw,
                  var(--_ctm-tab-rep-lt-st-is-pr-rw, var(--_ctm-rep-lt-st-is-pr-rw, 3))
                );
                --_col-gap: var(
                  --_ctm-mob-rep-lt-im-gp,
                  var(--_ctm-tab-rep-lt-im-gp, var(--_ctm-rep-lt-im-gp, 0px))
                );
                width: calc(
                  (100% / var(--_col-count)) -
                    (((var(--_col-count) - 1) * var(--_col-gap)) / (var(--_col-count)))
                );
                flex: 0 0
                  calc(
                    (100% / var(--_col-count)) -
                      (((var(--_col-count) - 1) * var(--_col-gap)) / (var(--_col-count)))
                  );
                align-self: stretch;
                // height: 100px;
                grid-template-rows: minmax(
                  max(0.5px, 0.09375 * (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))),
                  auto
                );
                grid-template-columns: minmax(0px, 1fr);
                // min-height: 50px !important;
                grid-template-rows:
                  minmax(
                    max(0.5px, 0.09375 * (var(--scaling-factor) - var(--scrollbar-width))),
                    auto
                  )
                  minmax(
                    max(0.5px, 0.09375 * (var(--scaling-factor) - var(--scrollbar-width))),
                    auto
                  );
              }
            }
          }
        }
      }
    }

    &.sld {
      &:is(:not(#{$sliderControlDragging} *)) {
        overflow: clip;
      }
      height: auto;
      --_sf-sl-ct-ic-dt-at-cl: var(
        --_ctm-mob-rep-lt-cl-ae-cr,
        var(--_ctm-tab-rep-lt-cl-ae-cr, var(--_ctm-rep-lt-cl-ae-cr))
      );
      // &:is([data-control-type="1"]) {
      //   @include CMSRepeaterEmblaControlStyles(1);
      // }
      @for $i from 1 through 3 {
        &:is([data-control-type="#{$i}"]) {
          @if ($i == 3) {
            overflow-y: visible;
          }
          @include CMSRepeaterEmblaControlStyles($i);
        }
      }

      & > div {
        &.wrapper {
          &.embla__container {
            display: flex !important;
            --_embla-slide-space: var(
              --_ctm-mob-rep-lt-im-gp,
              var(--_ctm-tab-rep-lt-im-gp, var(--_ctm-rep-lt-im-gp))
            );
            min-height: 100px !important;
            --_embla-col-count: var(
              --_ctm-mob-rep-lt-st-is-pr-se,
              var(--_ctm-tab-rep-lt-st-is-pr-se, var(--_ctm-rep-lt-st-is-pr-se, 3))
            );
            // gap: 0px !important;
            // margin-left: calc(var(--_embla-slide-space, 10px) * -1);
            width: 100%;
            height: 100%;
            & > .embla__slide {
              --_sf-cl-vl: calc(
                (100% / var(--_embla-col-count, 3)) -
                  (
                    ((var(--_embla-col-count, 3) - 1) * (var(--_embla-slide-space, 10px))) /
                      (var(--_embla-col-count, 3))
                  )
              );
              // flex: 0 0 calc(var(--_embla-slide-width, 100%) / var(--_embla-col-count, 3));
              // width: calc(var(--_embla-slide-width, 100%) / var(--_embla-col-count, 3));
              flex: 0 0 var(--_sf-cl-vl);
              width: var(--_sf-cl-vl);
              grid-template-rows: minmax(
                max(0.5px, 0.09375 * (var(--_cms-scaling-factor) - var(--_cms-scrollbar-width))),
                auto
              );
              grid-template-columns: minmax(0px, 1fr);
              // padding-left: calc(var(--_embla-slide-space, 10px) * 1);
              // padding-left: 0px !important;

              img {
                width: 100%;
              }
            }
          }
        }
      }
    }
    & > div {
      &.wrapper {
        gap: var(
          --_ctm-mob-rep-lt-im-gp,
          var(--_ctm-tab-rep-lt-im-gp, var(--_ctm-rep-lt-im-gp, 0px))
        );
        // width: 100%;
        // grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
        // grid-auto-rows: minmax(100px, 1fr);
      }
    }
    .repeater-advertise-item {
      display: flex;
      justify-content: center;
      align-items: center;
      img {
        // width: 100%;
        // height: 100%;
        object-fit: cover;
        object-position: center center;
        max-width: 100%;
        max-height: 100%;
      }
    }

    .loadMore__container {
      display: flex;
      align-items: center;
      justify-content: center;

      width: 100%;
      .action__button {
        display: flex;
        align-items: center;
        height: 40px;

        cursor: pointer;
        .btn__container {
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 10px;
          height: 100%;
          width: 100%;
          padding: 16px;
          .btn__with__text {
            height: 2.5rem;
          }
        }

        &.loadMore {
          // background-color: var(
          //   --_sf-at-hr-bd-cr,
          //   var(
          //     --_ctm-mob-dn-by-nw-dt-se-bd-cr,
          //     var(--_ctm-tab-dn-by-nw-dt-se-bd-cr, var(--_ctm-dn-by-nw-dt-se-bd-cr))
          //   )
          // );
          // border-color: var(
          //   --_sf-at-hr-br-cr,
          //   var(
          //     --_ctm-mob-dn-by-nw-dt-se-br-cr,
          //     var(--_ctm-tab-dn-by-nw-dt-se-br-cr, var(--_ctm-dn-by-nw-dt-se-br-cr))
          //   )
          // );
          background-color: blue;
          border: 1px solid transparent;
          color: white;
          border-radius: 6px;
          padding: 2px 10px;
          border-style: var(
            --_sf-at-hr-br-se,
            var(
              --_ctm-mob-dn-by-nw-dt-se-br-se,
              var(--_ctm-tab-dn-by-nw-dt-se-br-se, var(--_ctm-dn-by-nw-dt-se-br-se))
            )
          );
          border-width: var(
            --_sf-at-hr-br-wt,
            var(
              --_ctm-mob-dn-by-nw-dt-se-br-wh,
              var(--_ctm-tab-dn-by-nw-dt-se-br-wh, var(--_ctm-dn-by-nw-dt-se-br-wh))
            )
          );
          // border-radius: var(
          //   --_sf-at-hr-br-br,
          //   var(
          //     --_ctm-mob-dn-by-nw-dt-se-br-rs,
          //     var(--_ctm-tab-dn-by-nw-dt-se-br-rs, var(--_ctm-dn-by-nw-dt-se-br-rs))
          //   )
          // );
          box-shadow: var(
            --_hover-show-shadow,
            var(
              --_sf-at-hr-bx-sw,
              var(
                --_show-shadow,
                var(
                    --_ctm-mob-dn-by-nw-dt-se-sw-ae,
                    var(--_ctm-tab-dn-by-nw-dt-se-sw-ae, var(--_ctm-dn-by-nw-dt-se-sw-ae))
                  )
                  var(
                    --_ctm-mob-dn-by-nw-dt-se-sw-br,
                    var(--_ctm-tab-dn-by-nw-dt-se-sw-br, var(--_ctm-dn-by-nw-dt-se-sw-br))
                  )
                  var(
                    --_ctm-mob-dn-by-nw-dt-se-sw-sd,
                    var(--_ctm-tab-dn-by-nw-dt-se-sw-sd, var(--_ctm-dn-by-nw-dt-se-sw-sd))
                  )
                  var(
                    --_ctm-mob-dn-by-nw-dt-se-sw-cr,
                    var(--_ctm-tab-dn-by-nw-dt-se-sw-cr, var(--_ctm-dn-by-nw-dt-se-sw-cr))
                  )
              )
            )
          );

          .btn__container {
            gap: var(
              --_ctm-mob-dn-by-nw-dt-se-in-ad-tt-sg,
              var(--_ctm-tab-dn-by-nw-dt-se-in-ad-tt-sg, var(--_ctm-dn-by-nw-dt-se-in-ad-tt-sg))
            );
            justify-content: var(
              --_ctm-mob-dn-by-nw-dt-se-at,
              var(--_ctm-tab-dn-by-nw-dt-se-at, var(--_ctm-dn-by-nw-dt-se-at))
            );

            &[data-actions-icon-position="left"],
            &[data-actions-icon-position="center"] {
              flex-direction: row;
            }
            &[data-actions-icon-position="right"] {
              flex-direction: row-reverse;
            }
            span {
              svg {
                width: var(
                  --_ctm-mob-dn-by-nw-dt-se-in-se,
                  var(--_ctm-tab-dn-by-nw-dt-se-in-se, var(--_ctm-dn-by-nw-dt-se-in-se))
                );
                height: var(
                  --_ctm-mob-dn-by-nw-dt-se-in-se,
                  var(--_ctm-tab-dn-by-nw-dt-se-in-se, var(--_ctm-dn-by-nw-dt-se-in-se))
                );

                path {
                  stroke: var(
                    --_ctm-mob-dn-by-nw-dt-se-in-c1,
                    var(--_ctm-tab-dn-by-nw-dt-se-in-c1, var(--_ctm-dn-by-nw-dt-se-in-c1))
                  );
                  // Overrides the stroke-width presentation attribute baked into the icon markup.
                  stroke-width: prepareMediaVariable(--_ctm-dn-by-nw-dt-se-se-wh, 1.25);
                }
              }
            }
            .btn__with__text {
              border: none;
              background-color: transparent;
              color: var(
                --_ctm-mob-dn-by-nw-dt-se-cr,
                var(--_ctm-tab-dn-by-nw-dt-se-cr, var(--_ctm-dn-by-nw-dt-se-cr))
              );
              font-family: var(
                --_ctm-mob-dn-by-nw-dt-se-ft-fy,
                var(--_ctm-tab-dn-by-nw-dt-se-ft-fy, var(--_ctm-dn-by-nw-dt-se-ft-fy))
              );
              text-transform: var(
                --_ctm-mob-dn-by-nw-dt-se-tt-tm,
                var(--_ctm-tab-dn-by-nw-dt-se-tt-tm, var(--_ctm-dn-by-nw-dt-se-tt-tm))
              );
              word-wrap: var(
                --_ctm-mob-dn-by-nw-dt-se-wd-wp,
                var(--_ctm-tab-dn-by-nw-dt-se-wd-wp, var(--_ctm-dn-by-nw-dt-se-wd-wp))
              );
              word-break: var(
                --_ctm-mob-dn-by-nw-dt-se-wd-bk,
                var(--_ctm-tab-dn-by-nw-dt-se-wd-bk, var(--_ctm-dn-by-nw-dt-se-wd-bk))
              );
              font-size: var(
                --_ctm-mob-dn-by-nw-dt-se-ft-se,
                var(--_ctm-tab-dn-by-nw-dt-se-ft-se, var(--_ctm-dn-by-nw-dt-se-ft-se))
              );
              font-weight: var(
                --_ctm-mob-dn-by-nw-dt-se-ft-wt,
                var(--_ctm-tab-dn-by-nw-dt-se-ft-wt, var(--_ctm-dn-by-nw-dt-se-ft-wt))
              );
              font-style: var(
                --_ctm-mob-dn-by-nw-dt-se-ft-se-ic,
                var(--_ctm-tab-dn-by-nw-dt-se-ft-se-ic, var(--_ctm-dn-by-nw-dt-se-ft-se-ic))
              );
              text-align: var(
                --_ctm-mob-dn-by-nw-dt-se-tt-an,
                var(--_ctm-tab-dn-by-nw-dt-se-tt-an, var(--_ctm-dn-by-nw-dt-se-tt-an))
              );
              letter-spacing: var(
                --_ctm-mob-dn-by-nw-dt-se-lr-sg,
                var(--_ctm-tab-dn-by-nw-dt-se-lr-sg, var(--_ctm-dn-by-nw-dt-se-lr-sg))
              );
              line-height: var(
                --_ctm-mob-dn-by-nw-dt-se-le-ht,
                var(--_ctm-tab-dn-by-nw-dt-se-le-ht, var(--_ctm-dn-by-nw-dt-se-le-ht))
              );
              text-decoration: var(
                --_ctm-mob-dn-by-nw-dt-se-ue,
                var(--_ctm-tab-dn-by-nw-dt-se-ue, var(--_ctm-dn-by-nw-dt-se-ue))
              );
            }

            &:hover {
              background-color: var(
                --_sf-at-hr-bd-cr,
                var(
                  --_ctm-mob-dn-by-nw-hr-se-bd-cr,
                  var(--_ctm-tab-dn-by-nw-hr-se-bd-cr, var(--_ctm-dn-by-nw-hr-se-bd-cr))
                )
              );
              border-color: var(
                --_sf-at-hr-br-cr,
                var(
                  --_ctm-mob-dn-by-nw-hr-se-br-cr,
                  var(--_ctm-tab-dn-by-nw-hr-se-br-cr, var(--_ctm-dn-by-nw-hr-se-br-cr))
                )
              );
              border-style: var(
                --_sf-at-hr-br-se,
                var(
                  --_ctm-mob-dn-by-nw-hr-se-br-se,
                  var(--_ctm-tab-dn-by-nw-hr-se-br-se, var(--_ctm-dn-by-nw-hr-se-br-se))
                )
              );
              border-width: var(
                --_sf-at-hr-br-wt,
                var(
                  --_ctm-mob-dn-by-nw-hr-se-br-wh,
                  var(--_ctm-tab-dn-by-nw-hr-se-br-wh, var(--_ctm-dn-by-nw-hr-se-br-wh))
                )
              );
              border-radius: var(
                --_sf-at-hr-br-br,
                var(
                  --_ctm-mob-dn-by-nw-hr-se-br-rs,
                  var(--_ctm-tab-dn-by-nw-hr-se-br-rs, var(--_ctm-dn-by-nw-hr-se-br-rs))
                )
              );
              box-shadow: var(
                --_hover-show-shadow,
                var(
                  --_sf-at-hr-bx-sw,
                  var(
                    --_show-shadow,
                    var(
                        --_ctm-mob-dn-by-nw-hr-se-sw-ae,
                        var(--_ctm-tab-dn-by-nw-hr-se-sw-ae, var(--_ctm-dn-by-nw-hr-se-sw-ae))
                      )
                      var(
                        --_ctm-mob-dn-by-nw-hr-se-sw-br,
                        var(--_ctm-tab-dn-by-nw-hr-se-sw-br, var(--_ctm-dn-by-nw-hr-se-sw-br))
                      )
                      var(
                        --_ctm-mob-dn-by-nw-hr-se-sw-sd,
                        var(--_ctm-tab-dn-by-nw-hr-se-sw-sd, var(--_ctm-dn-by-nw-hr-se-sw-sd))
                      )
                      var(
                        --_ctm-mob-dn-by-nw-hr-se-sw-cr,
                        var(--_ctm-tab-dn-by-nw-hr-se-sw-cr, var(--_ctm-dn-by-nw-hr-se-sw-cr))
                      )
                  )
                )
              );

              .btn__container {
                gap: var(
                  --_ctm-mob-dn-by-nw-hr-se-in-ad-tt-sg,
                  var(--_ctm-tab-dn-by-nw-hr-se-in-ad-tt-sg, var(--_ctm-dn-by-nw-hr-se-in-ad-tt-sg))
                );
                justify-content: var(
                  --_ctm-mob-dn-by-nw-hr-se-at,
                  var(--_ctm-tab-dn-by-nw-hr-se-at, var(--_ctm-dn-by-nw-hr-se-at))
                );

                &[data-actions-icon-position-hover="left"],
                &[data-actions-icon-position-hover="center"] {
                  flex-direction: row;
                }
                &[data-actions-icon-position-hover="right"] {
                  flex-direction: row-reverse;
                }
                span {
                  svg {
                    width: var(
                      --_ctm-mob-dn-by-nw-hr-se-in-se,
                      var(--_ctm-tab-dn-by-nw-hr-se-in-se, var(--_ctm-dn-by-nw-hr-se-in-se))
                    );
                    height: var(
                      --_ctm-mob-dn-by-nw-hr-se-in-se,
                      var(--_ctm-tab-dn-by-nw-hr-se-in-se, var(--_ctm-dn-by-nw-hr-se-in-se))
                    );

                    path {
                      stroke: var(
                        --_ctm-mob-dn-by-nw-hr-se-in-c1,
                        var(--_ctm-tab-dn-by-nw-hr-se-in-c1, var(--_ctm-dn-by-nw-hr-se-in-c1))
                      );
                    }
                  }
                }
                .btn__with__text {
                  border: none;
                  background-color: transparent;
                  color: var(
                    --_ctm-mob-dn-by-nw-hr-se-cr,
                    var(--_ctm-tab-dn-by-nw-hr-se-cr, var(--_ctm-dn-by-nw-hr-se-cr))
                  );
                  font-family: var(
                    --_ctm-mob-dn-by-nw-hr-se-ft-fy,
                    var(--_ctm-tab-dn-by-nw-hr-se-ft-fy, var(--_ctm-dn-by-nw-hr-se-ft-fy))
                  );
                  text-transform: var(
                    --_ctm-mob-dn-by-nw-hr-se-tt-tm,
                    var(--_ctm-tab-dn-by-nw-hr-se-tt-tm, var(--_ctm-dn-by-nw-hr-se-tt-tm))
                  );
                  word-wrap: var(
                    --_ctm-mob-dn-by-nw-hr-se-wd-wp,
                    var(--_ctm-tab-dn-by-nw-hr-se-wd-wp, var(--_ctm-dn-by-nw-hr-se-wd-wp))
                  );
                  word-break: var(
                    --_ctm-mob-dn-by-nw-hr-se-wd-bk,
                    var(--_ctm-tab-dn-by-nw-hr-se-wd-bk, var(--_ctm-dn-by-nw-hr-se-wd-bk))
                  );
                  font-size: var(
                    --_ctm-mob-dn-by-nw-hr-se-ft-se,
                    var(--_ctm-tab-dn-by-nw-hr-se-ft-se, var(--_ctm-dn-by-nw-hr-se-ft-se))
                  );
                  font-weight: var(
                    --_ctm-mob-dn-by-nw-hr-se-ft-wt,
                    var(--_ctm-tab-dn-by-nw-hr-se-ft-wt, var(--_ctm-dn-by-nw-hr-se-ft-wt))
                  );
                  font-style: var(
                    --_ctm-mob-dn-by-nw-hr-se-ft-se-ic,
                    var(--_ctm-tab-dn-by-nw-hr-se-ft-se-ic, var(--_ctm-dn-by-nw-hr-se-ft-se-ic))
                  );
                  text-align: var(
                    --_ctm-mob-dn-by-nw-hr-se-tt-an,
                    var(--_ctm-tab-dn-by-nw-hr-se-tt-an, var(--_ctm-dn-by-nw-hr-se-tt-an))
                  );
                  letter-spacing: var(
                    --_ctm-mob-dn-by-nw-hr-se-lr-sg,
                    var(--_ctm-tab-dn-by-nw-hr-se-lr-sg, var(--_ctm-dn-by-nw-hr-se-lr-sg))
                  );
                  line-height: var(
                    --_ctm-mob-dn-by-nw-hr-se-le-ht,
                    var(--_ctm-tab-dn-by-nw-hr-se-le-ht, var(--_ctm-dn-by-nw-hr-se-le-ht))
                  );
                  text-decoration: var(
                    --_ctm-mob-dn-by-nw-hr-se-ue,
                    var(--_ctm-tab-dn-by-nw-hr-se-ue, var(--_ctm-dn-by-nw-hr-se-ue))
                  );
                }
              }
            }
          }
        }
      }
    }

    // &[data-view-state="full"] {
    //   width: auto;
    //   margin: 0;
    //   justify-self: stretch !important;
    //   align-self: stretch !important;
    //   cursor: auto;

    //   & > div {
    //     &[data-div-type="wrapper__layer"] {
    //       --_sf-vt-zz: visible;
    //       --_sf-op-zz: 1;
    //     }
    //   }
    // }
  }
}